<template>
  <button v-if="disabled" disabled class="es-button es-button-disabled" @click="triggerClick">
    <slot></slot>
  </button>

  <button v-else class="es-button" @click="triggerClick">
    <slot></slot>
  </button>
</template>

<script>
export default {
  name: 'EsButton',
  props: {
    disabled: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    triggerClick(){
      this.$emit('click');
    }
  },
}
</script>

<style scoped>



</style>
